MultiHandleSliderExtender enable to handle multi slider in .Net web application.
MultiHandleSlider Properties:
· Minimum - Minimum value allowed.
· Maximum - Maximum value allowed.
· Length - The length of the graphical slider, in pixels.
· Decimals - Number of decimal digits for the value.
· Steps - Number of discrete values inside the slider's range.
· EnableRailClick - Whether clicking on the rail will move the closest handle to the click location.
· EnableKeyboard - Whether slider values can be changed using the keyboard.
· EnableMouseWheel - Whether slider values can be changed using the mouse wheel.
· Increment - For sliders using keyboard or mouse wheel support; determines the number of points to increment or decrement the slider values.
· BoundControlID - For backwards compatibility, allows using classic Slider properties for a single handle.
· RaiseChangeOnlyOnMouseUp - If true, fires the change event on the extended TextBox only when the left mouse button is released.
· MultiHandleSliderTargets - An inner property describing each handle on the slider.
· ControlID - The TextBox or Label whose value is bound to this handle.
Code:
Write these codes on aspx page
<%-- Add three textbox--%>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:TextBox ID="txtSlider" runat="server" Width="40px"></asp:TextBox>
<%-- Add multihandlelsiderExtender control and scriptmanager control also--%>
<cc1:MultiHandleSliderExtender ID="MultiHandleSliderExtender1" runat="server" TargetControlID="txtSlider"BehaviorID="multiHandleSliderOne" Minimum="0" Maximum="100" Steps="50" Length="317">
<MultiHandleSliderTargets>
<cc1:MultiHandleSliderTarget ControlID="TextBox1" />
<cc1:MultiHandleSliderTarget ControlID="TextBox2" />
</MultiHandleSliderTargets>
</cc1:MultiHandleSliderExtender>
Run the project
When you slide left slider then changes value will will show in left textbox and when you slide right slider then changes value will show in reight textbox.
Leave Comment